<template>
  <div>
    御剑乘风来,除魔天地间!father
    <el-button @click="add">v-model按钮</el-button>
    <hr />
    <son v-model="ff" @input="ipt" @change="change"></son>
    <hr />
    <hr />

    <alert :visible.sync="diaFlag"></alert>
  </div>
</template>
<script>
import son from './components/son.vue'
import alert from './components/alert.vue'
export default {
  name: '',
  components: {
    son,
    alert
  },
  data () {
    return {
      ff: 1,
      diaFlag: false
    }
  },
  created () {},
  computed: {},
  methods: {
    add () {
      this.ff += 1
      this.diaFlag = true
    },
    ipt () {
      console.log(111)
    },
    change (n) {
      console.log(222)
      this.ff = n
    }
  }
}
</script>
<style lang='less'  scoped>
</style>
